<template>
    <YvLine class="t1">
        错误信息
    </YvLine>
    <YvRow class="error">
        <YvCol class="error-code" :span="40">{{frm}} Not Found</YvCol>
        <YvCol class="error-info" :span="40">
            未找到对应页面{{ frm }}或页面正在制作中。
        </YvCol>
    </YvRow>
    <YvLine class="t1">
        关于网站
    </YvLine>
    <websiteinfo style="width: 90%; margin: 0 auto;" />
</template>

<script>
import { onBeforeRouteUpdate } from 'vue-router';
import websiteinfo from './websiteinfo.vue';
export default {
    components: {
        websiteinfo
    },
    data() {
        return {
            frm: null,
        }
    },
    beforeMount(){
        this.changeFrm();
    },
    beforeUpdate() {
        this.changeFrm();
    },
    methods: {
        changeFrm() {
            let param = this.$route
            console.log("bf route enter ", param.query.from)
            if (param.query.from) {
                this.frm = param.query.from
            }
            console.log("created")
        }
    }
}
</script>

<style scoped>
.error * {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 50pt;
}

.error-code {
    font-size: 18pt;
    font-weight: bolder;
    margin: 10pt 0;
}

.t1 {
    font-size: 14pt;
    font-weight: bold;
    margin: 10pt 0;
}
</style>